import React, { Component } from 'react';
import { HotActiveDiv } from './uiStyle'
class HotActive extends Component {
  render() {
    return (
      <HotActiveDiv>
        <h3>热门活动</h3>
        <ul>

          {
            [1, 2, 3, 4, 5, 6].map((item, index) => (
              <li key={ 'hot' + index }>
                <div className="pic">
                  <img src="http://shihuo.hupucdn.com/appZone/201805/1415/b2ab22bb8987165ad1681520c9bbcf9c.jpg" alt="" />
                </div>
                <p className="p1">好物推荐</p>
                <p className="p2"><span>为您推荐潮酷好物</span></p>
              </li>
            ))
          }

        </ul>
      </HotActiveDiv>
    );
  }
}

export default HotActive;
